@import url("docbook.css");
@import url("forms.css");
@import url("help.css");
@import url("kandytabs.css");
@import url("legacy.css");
@import url("links.css");
@import url("jqueryui.css");
@import url("style.css");

/*****************************************
 * Author: QinBaoxian
 * Description: the css we write for the web pages
  -----------------------------------------
  Index
  $1 - basic&reset
  $2 - page.home(layout)
  $3 - page.iframes.public
  $4 - page.iframeContent.SinglePage
  ***************************************/

/**
 * $1 - basic&reset
 */

.cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.cf { zoom:1; }

h3 { margin:10px 0 5px; font-size:14px;}
.block { display:block;}
input.date { background:url(../images/icons/alendar.png) 99% 50% no-repeat;}

fieldset { margin:10px 0; border:1px #ddd solid;}
legend {  margin-left:15px; padding:0;}
fieldset dl.form { margin:0;}
.red { color:#c00;}
.blue{color:#325580;}
/*小图标*/
span.icon { display:inline-block; vertical-align:middle; margin:-2px 4px 0 0; width:16px; height:16px; background:url(../images/icons/icon-blank.png);}
span.icon-account { } /*账户 background-image:url(../images/...gif);  */
span.icon-basic { }  /*基本信息*/
span.icon-business { } /*工商信息*/
span.icon-client { } /*客户*/
span.icon-contact { } /*联系人*/
span.icon-order { } /*订单*/
span.icon-product { } /*产品*/
span.icon-project { } /*项目*/
span.icon-register { } /*注册商*/
span.icon-sale { } /*销售*/
span.icon-task { } /*任务*/
span.icon-questionnaire { } /*问卷*/

/*table*/
table { margin-bottom:5px;}
table.dataList tr.even td { background:#ebeffa; height:21px;}
table.dataList tbody tr:hover td { background:;}
table.dataList a { text-decoration:underline;}
table tr { background:#fff; height:24px;}
table.dataList  tr.green td { background:#f2ffe5;}
table.dataList  tr.blue td {background:#a1bbd7;}
table.dataList  tr.red td{background:#fff2f2;}
table.dataList  tr.yellow td{background:#f9f5eb;}

table.dataList  tr.red.even td{background:#ffe3e3;}
table.dataList  tr.green.even td{background:#efffdd;}
table.dataList  tr.blue.even td{background:#91b0d1;}
table.dataList  tr.yellow.even td{background:#91b0d1;}

.table-wrap { border:1px #eee solid; padding:10px 5px; margin-top:-15px;}
.table-foot-control { padding:5px 20px; font-weight:bold; color:#555;}
.table-foot-control input { vertical-align:middle;}

.pager { margin:5px 0; background:#ebeffa; padding:5px 20px;}
.pager-link,.pager-control{ display:inline-block; *display:inline; zoom:1;}
.pager-link { margin-right:20px;}
.pager-link a, .pager-link span {display:inline-block; vertical-align:middle; border:1px #c3cddc solid; padding:3px 5px; background:#fff;}
.pager-link a:hover { border-color:#666;}
.pager-link span {background:#6191b7; color:#fff; font-weight:800;}
a.pager-link-prev { padding-left:15px; background:#fff url(../images/arrow-pager.gif) 4px 5px no-repeat;}
a.pager-link-next { padding-right:15px; background:#fff url(../images/arrow-pager.gif) 92% -19px no-repeat;}
.pager-control input { margin:0;}

div.multi-search span { display:inline-block; padding:0 3px;  cursor:pointer; margin:0 2px 2px 0;}
div.multi-search  span.on { background:#9eaf6e; color:#fff;}


/**
 * $3 - page.iframeContent.public
 */
.wrap { margin:0 25px;  padding:10px 0; position:relative;}

/*进度指示条*/
.progress-bar { padding:0 0 8px 20px; background:#fff url(../images/progress-bar.jpg) 0 100% repeat-x;}
.progress-bar h1 { padding:8px 0 15px 50px; margin-bottom:0; background:url(../images/ico/people.gif) 0 6px no-repeat; font:bold 20px/20px '宋体';}
.progress-Bar-links {padding:0 0 0 50px; margin-top:-5px;}
.progress-Bar-links a { margin:0 3px;}
.progress-Bar-links .on {font-weight:800; color:#064ea2;}

.progress{ background-color:#efefef;}
.progress span{ display:block; height:22px; background-color:#c6e585; line-height:22px;}

/*通用页面头部*/
.header-bar { padding:0 0 8px 20px; background:#fff url(../images/progress-bar.jpg) 0 100% repeat-x;}
.header-bar h1 { padding:8px 0 15px 50px; margin-bottom:0; background:url(../images/ico/people.gif) 0 6px no-repeat; font:bold 20px/20px '宋体';}
.header-Bar-links {padding:0 0 0 50px; margin-top:-5px;}
.header-Bar-links a { margin:0 3px;}
.header-Bar-links .on {font-weight:800; color:#064ea2;}


.wrap h2 { margin:12px 0; height:24px; font-size:14px; color:#444; border-bottom:1px #d8d8d8 solid; }
.wrap h2 a.More { float:right; font-size:12px;}
.wrap h2 a.map{ margin-top:-60px; }

/* h2.section-title */
h2.section-title { 
   position:relative;
   margin:12px 0; padding:6px 14px; height:16px; border:1px #bbdde9 solid; 
   background:url(../images/clinet-backs.jpg) repeat-x;
   color:#064EA2; 
   font-weight:bold; line-height:16px; font-size:12px;
   
}
h2.section-title img.icon { margin:-2px 8px 0 0; }
h2.section-title .control-slide { 
  position:absolute; right:15px; top:6px;
  padding-right:15px; background:url(../images/arrow2.png) 100% 50% no-repeat;
  color:#064EA2; font-size:12px; font-weight:400; cursor:pointer;
}
h2.section-title .control-slide-down { background-image:url(../images/arrow1.png);}
h2.section-title .on { font-weight:bold;color:#064EA2;}


dl.form { line-height:1.5;}
dl.form dt {clear:left; float:left; padding:4px 0; margin:0;width:125px; text-align:right; font-weight:800; color:#666;}
dl.form dd { margin:0 0 0 135px; padding:4px 0;  }
dl.form input,
dl.form textarea,
dl.form select { margin:0 0 2px;} 
dl.form a, .mod-content a{ text-decoration:underline;}

